﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<HomeIndexModel>" %>

<%@ Import Namespace="SubSystem.Helpers" %>
<%@ Import Namespace="SubSystem.Models" %>
<%@ Import Namespace= "MvcContrib" %>
<asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>
<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">

    <script src="../../Scripts/jquery.cycle.min.js" type="text/javascript"></script>

    <script type="text/javascript" language="javascript">
        $(document).ready(function() {
            $('.Slideshow').cycle({
                fx: 'fade',
                speed: 2500
            });
        });

    </script>

    <div class="Container">
        <div class="Slideshow">
                <%
                    foreach (var image in Model.Images)
                    { 
                %>
                <%=Html.Image(image) %>
                <%
                    }
                %>
            </div>
            
            <div class="clear">
            </div>
            
        </div>
    </div>
</asp:Content>
